*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Microsoft YaHei UI','Micrsoft YaHei', arial, sans-serif;
}
a{
    cursor:pointer;
    text-decoration:none;
}
ul li{
    list-style:none;
}
.clearfix:after{
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    content:'';
}
// 头部样式
header{
    width:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:11;
    background:white;
    .header-in{
        width:1200px;
        margin:0 auto;
        height:30px;
        line-height:30px;
        display:flex;
        justify-content:space-between;
        p{
            a{
                color:#666;
                font-size:14px;
                line-height:30px;
            }
            .fan{
                color:#f60;
                cursor:pointer;
            }
        }
        ul{
            li{
                float:left;
                list-style:none;
                height:20px;
                line-height:20px;
                border-right:solid 1px #666;
                margin-top:5px;
                span{
                    color:#666;
                }
                a{
                    color:#666;
                    font-size:14px;
                    padding:0 10px;
                    &:hover{
                        color:#f60;
                    }
                }
            }
        }
    }
}
//主体样式
#main{
    width:100%;
    height:px;
    background:url(../img/m2.png) no-repeat center 0;
    background-size:cover;
    height:100%;
    min-height:900px;
    .main-in{
        width:1200px;
        margin:0 auto;
        position:relative;
        padding-top:46px;
        .rule{
            position:absolute;
            top:26px;
            right:60px;
            z-index:2;
            width:200px;
            a{
                margin-right:-10px;
                color:inherit;
                cursor:pointer;
                img{
                    &:hover{
                        transform:translateY(-10px);
                    }
                    transition:all 0.5s;
                    border:none;
                }
            }
        }
        .changgui{
            width:1156px;
            height:158px;
            
            background:url(../img/m21.png) no-repeat 20px center;
            @keyframes lightSpeedIn {
                transform:translated3d(100%,0,0) skewX(-30deg);
                opacity:0;
            }
            animation:lightSpeedIn 1s ease-out both;
            p{
                color:#844030;
                font-size:14px;
                padding:73px  0 0 340px;
            }
        }
        .jinbi{
            position:fixed;
            right:50px;
            top:100px;
            z-index:5;
            user-select:none;
            border:none;
        }
        .libao{
            width:1200px;
            position:relative;
            background:url(../img/box.png) no-repeat 0 0;
            height:771px;
            .libao-in{
               width:1046px;
               height:652px;
               position:absolute;
               left:78px;
               top:28px;
               .tab-wrap{
                   height:92px;
                   color:#622121;
                   width:110%;
                   li{
                        width:261px;
                        text-align:center;
                        cursor:pointer;
                        position:relative;
                        float:left;
                        border-right:solid 1px #490000;
                        &:hover{
                           color:#f9b669; 
                        }
                        span{
                            position:absolute;
                            left:68px;
                            top:18px;
                            font-size:30px;
                        }
                        img{
                           position:absolute;
                           left:61px;
                           top:6px;
                           border:none;
                        }
                       p{
                            font-size:24px;
                            font-weight:bold;
                            padding-left:40px;
                            line-height:92px;
                            position:relative;
                            z-index:2;
                        }
                   }
                   .now{
                        color:#f9b669;
                   } 
               }
               .slide{
                    float:left;
                    margin:22px 0 0 5px;
                    width:527px;
                    overflow:hidden;
                    height:544px;
                    position:relative;
                    .slide-in{
                        width:500%;
                        height:100%;
                        position:absolute;
                        left:0;
                        top:0;
                        div{
                            background:no-repeat 0 0;
                            height:100%;
                            float:left;
                            width:529px;
                            .slide-xin{
                                padding:80px 80px 0 70px;
                                .name{
                                    color:#622121;
                                    font-size:16px;
                                    font-weight:bold;
                                    padding-bottom:5px;
                                    margin-bottom:10px;
                                    position:relative;
                                    :after{
                                        position:absolute;
                                        width:40px;
                                        border-top:solid 1px #622121;
                                        content:"";
                                        bottom:0;
                                        left:0;
                                    }
                                }
                                .title{
                                    margin-bottom:20px;
                                    font-size:30px;
                                    color:#622121;
                                    font-family:sans-serif;
                                    font-weight:bold;
                                }
                                .tag{
                                    display:inline-block;
                                    height:30px;
                                    line-height:30px;
                                    text-align:center;
                                    padding:0 15px;
                                    border-radius:4px;
                                    background:#ffd4d4;
                                    font-size:16px;
                                    color:#622121;
                                    margin-bottom:10px;
                                }
                                .info{
                                    margin-bottom:10px;
                                    color:#622121;
                                }
                                table{
                                    width:300px;
                                    border-collapse:collapse;
                                    line-height:20px;
                                    font-size:14px;
                                    color:#622121;
                                    text-align:center;
                                    tr{
                                        display:table-row;
                                        vertical-align:inherit;
                                        border-color:inherit;
                                        td,th{
                                            border:solid 1px #d8c788;
                                        }
                                    }
                                }
                            }
                        }
                        .slide-he1{
                            background:url(../img/m3.png);
                        }
                        .slide-he2{
                            background:url(../img/m4.png);
                        }
                        .slide-he3{
                            background:url(../img/m5.png);
                        }
                        .slide-he4{
                            background:url(../img/m6.png);
                       }
                    }
                }    
               .gundong{
                    width:460px;
                    text-align:center;
                    position:absolute;
                    right:58px;
                    top:114px;
                    height:544px;
                    overflow:hidden;
                    .gundong-in{
                        height:2176px;
                        position:absolute;
                        right:20px;
                        top:0;
                        .item{
                            height:544px;
                            p{
                                color:#656565;
                                font-size:12px;
                                padding-top:10px;
                                padding-left:20px;
                            }
                            div{
                                margin-bottom:40px;
                                height:340px;
                                line-height:340px;
                                img{
                                    vertical-align:bottom;
                                    border:none;
                                }
                            }
                            a{
                                font-size:16px;
                                font-weight:bold;
                                color:#231d1e;
                                display:inline-block;
                                width:204px;
                                height:52px;
                                line-height:45px;
                                text-align:center;
                                background:url(../img/m7.png) no-repeat 0 0;
                                cursor:pointer;
                            }
                        }
                    }
               }
               .left,.right{
                    cursor:pointer;
                    width:92px;
                    height:92px;
                    position:absolute;
                    background:url(../img/m22.png) no-repeat center center;
                    top:50%;
                    margin-top:-46px;
                    img{
                        width:30%;
                        margin-left:30px;
                        margin-top:20px;
                    }
               }
               .left{
                    left:-177px;

               }
               .right{
                    right:-130px;
               }

            }
        }
    }

}
//活动规则
.ze-wrap{
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0px;
    z-index:200;
    background:rgba(0,0,0,0.5);
    display:none;
    .ze{
        width:450px;
        height:300px;
        position:fixed;
        left:30%;
        top:100px;
        z-index:200;
        h3{
            width:100%;
            height:50px;
            line-height:50px;
            text-align:center;
            background:#e6e6e6;
            color:#666;
        }
        .close{
            position:absolute;
            right:0px;
            top:10px;
            cursor:pointer;
        }
        .xiang{
            width:100%;
            height:250px;
            background:white;
            p{
                
                color:#333;
                font-size:14px;
                margin:0 30px;
                padding:10px 0;
            }
            .last{
                text-align:right;
                margin-top:20px;
                color:#999;
                font-size:12px;
            }
        }
    }

}